<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>mask</title>
    <link rel="stylesheet" href="../../lib/bootstrap3/css/bootstrap.min.css">
    <script src="../../lib/angularjs/angular1.6.3.min.js"></script>
    <script src="../../lib/angular-mask/mask.min.js"></script>
</head>
<body ng-app="maskApp">
    <a href="https://github.com/angular-ui/ui-mask">https://github.com/angular-ui/ui-mask</a>
    <div class="well">
        <p><span class="bg-danger">9</span>：必须输入一个数字，如果输入2个数字，则用两个9表示。</p>
        <p><span class="bg-danger">A</span>：必须输入一个字母，如果输入2个字母，则用两个A表示。</p>
        <p><span class="bg-danger">*</span>：必须输入一个字母或数字</p>
        <p><span class="bg-danger">?</span>：后面跟9/A/*， 表示可选。</p>
    </div>
    <div class="well" ng-controller="ctrl01">
        <form name="demo" class="form-horizontal">
            <p>
                <b>只能输入三位数字</b>（ui-mask="999" ）：<input name="a" ui-mask="999" ng-model="user.a"  ui-mask-placeholder-char="_"/>您输入的是：{{user.a}}========》 <code>{{demo.a.$viewValue}} </code>
            </p>
            <p>
                <b>只能一个字母开头，后跟两个字母</b>（ui-mask="A99" ）：<input name="b" ui-mask="A99" ng-model="user.b"  ui-mask-placeholder-char="*"/>您输入的是：{{user.b}}========》 <code>{{demo.b.$viewValue}} </code>
            </p>
            <p>
                <b>只能输入小于1的2位小数</b>（ui-mask="0.99" ）：<input id="c" name="c" ui-mask="0.99" ng-model="user.c"  ui-mask-placeholder-char="*"/>您输入的是：{{user.c}}========》 <code>{{demo.c.$viewValue}} </code>
            </p>
            <p>
                <b>输入四组数组，每组4位，用空格隔开</b>（ui-mask="9999 9999 9999 9999" ）：<input id="d" name="d" ui-mask="9999 9999 9999 9999" ng-model="user.d"  ui-mask-placeholder-char="*"/>您输入的是：{{user.d}}========》 <code>{{demo.d.$viewValue}} </code>
            </p>
            <p>
                （ui-mask="AAA-999-AAA" ）：<input id="e" name="e" ui-mask="AAA-999-AAA" ng-model="user.e" />您输入的是：{{user.e}}========》 <code>{{demo.e.$viewValue}} </code>
            </p>
        </form>
    </div>
</body>
<script>
    var app=angular.module("maskApp",['ui.mask']);
    app.controller("ctrl01",['$scope',function ($scope) {
        $scope.user={cc:'1'};
    }]);
</script>
</html>